/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Sep 27, 2014, 3:01:31 PM
    Author     : ASUS-PC
*/

.breadcrumbs{
    margin-top: 10px;
    overflow: hidden;
}
.crumbs li{
    float: left;
}
.crumbs li a{
    background: url("../images/readmore.gif") no-repeat scroll 0 5px transparent;
    float: left;
    line-height: 17px;
    padding-left: 10px;
    padding-right: 10px;
}
.crumbs li .home{
    font-size: 14px;
    font-family: "utm_swiss";
    text-transform: uppercase;
    background: none;
    padding-left: 0px;
    color: #FF6600;
}
.l_left{
    width: 250px;
    float: left;
    margin-top: 10px;
} 
.l_leftn{
    width: 235px;
    float: left;
    margin-top: 10px;
}
.l_contentn{
    /*background: none repeat scroll 0 0 #FFFFFF;*/
    /*border: 1px solid #CACACA;*/
    /*border-radius: 3px 3px 3px 3px;*/
    /*box-shadow: 0 2px 3px #CCCCCC;*/
    float: left;
    margin-top: 10px;
    padding: 5px;
    width: 780px;
    border-radius: 4px;

}
.l_content{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CACACA;
    /*border-radius: 3px 3px 3px 3px;*/
    box-shadow: 0 2px 3px #CCCCCC;
    float: right;
    margin-top: 10px;
    padding: 5px;
    width: 730px;
}

.as-name{
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding: 5px 0px;
    overflow: hidden;
}
.as-name h1{
    float: left;
    font-size: 18px;
    font-family: "utm_swiss";
}
.as-name .total_hotel{
    float: right;
}
.as-name .total_hotel b{
    font-size: 18px;
    font-family: "utm_swiss"; 
}
.gridlocal li{
    overflow: hidden;
    /*border-bottom: 1px solid #CCC;*/
    padding: 2px 0px;
}
.gridlocal .tieudiem{
     overflow: hidden;
    /*border-bottom: 1px solid #CCC;*/
    padding: 5px 0px;
}
.gridlocal li .img{
    width: 80px;
    height: 60px;
    overflow: hidden;
    padding: 5px;
    float: left;
    margin-right: 10px;
    margin-left: 5px;
}
.gridlocal li .img a{
    width: 100px;
    height: 65px;
    overflow: hidden;
    display: block;
    float:left;
}
.gridlocal li .img img{
    width: 150px;
    min-height: 90px;
}
.gridlocal h2.title{
    font-weight: bold;
    font-size: 15px;
}
.gridlocal h1{
    /*color:#8a6d3b;*/

}
.gridlocal .act{
    float: right;
    width: 126px;
    height: 25px;
    background: url(../../media/images/bnt_l.png) no-repeat;
    
}
.gridlocal .act a{
    width: 63px;
    float: left;
    text-align: center;
    padding: 3px 0px;
    color: #FFF;
}
.inner-navs li{
    background: none repeat scroll 0 0 #F3F3F3;
    border-bottom: 1px solid #E4E4E4;
    border-top: 1px solid #FFFFFF;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    line-height: 28px;
    padding: 0 8px;
    position: relative;
}
.inner-navs li.active{
    background: #FFF;
}
.ul_district{
    padding: 5px;
}
.ul_district .active{
    font-weight: bold;
}
.popular-hotels{
    padding: 5px;
}
.popular-hotels .img{
    width: 90px;
    height: 60px;
    float: left;
    margin-right: 5px;
}
.popular-hotels li{
    margin-bottom: 10px;
    overflow: hidden;
}
.popular-hotels li h4{
    font-weight: bold;
    font-size: 12px;
}
.popular-hotels .img a{
    overflow: hidden;
    display: block;
    width: 90px;
    height: 60px;
}
.popular-hotels .img img{
    width: 90px;
    min-height: 60px;
}
.popular-hotels .price{
    font-weight: bold;
    color: #FF6600;
}
h1.title-local{
    font-size: 20px;
    margin-bottom: 5px;
}
.block-local{
    padding: 5px;
    overflow: hidden;
    clear: both;
    position: relative;
}
.maps_local {
    background: url("../images/gmaps-icon-l.png") no-repeat scroll 0 0 transparent;
    padding-top: 55px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 5px;
    width: 55px;
}
.block-local img{
    max-width: 600px;
    max-height: 400px;
}
.block-local p{
    margin-bottom: 10px;
}
.block-local h2{
    font-size: 12px;
}
.intro-local{
    font-weight: bold;
    margin-bottom: 10px;
}
.l_350{
    float: right;
    margin-top: 10px;
    margin-right: 0px;
    width: 350px;
}
.l_640{
    float: left;
    margin-top: 10px;
    width: 630px;
    overflow: hidden;
}
.near-hotels{
    padding: 0px;
}
.near-hotels li {
    margin-bottom: 10px;
    overflow: hidden;
    padding: 5px;
    transition: all 300ms ease 100ms;
}

.near-hotels li:hover{
    box-shadow: 0px 0px 5px #CCC;

}
.near-hotels li h4 {
    font-size: 12px;
    font-weight: bold;
}
.near-hotels .img {
    float: left;
    height: 60px;
    margin-right: 5px;
    width: 90px;
}

.near-hotels .img a {
    display: block;
    height: 60px;
    overflow: hidden;
    width: 90px;
    border-radius: 5px 5px 5px 5px;
}
.near-hotels .img img {
    min-height: 60px;
    width: 90px;
}
.near-hotels .address{
    color: #7a7777;
    font-size: 11px; 
}
.near-hotels .price{
    font-size: 15px;
    font-weight: bold;
    color: #FF6600;
}
.near-hotels .a_bot{
    margin-top: 5px;

}
.near-hotels .a_bot a{
    margin-right: 20px;
}
.near-hotels .a_bot a:hover{
    text-decoration: underline;
}
.Top01{

}
.Top01 .img{
    width: 500px;
    height: 348px;
    overflow: hidden;
    display: block;
    position: relative;
    float:left;
}
.Top01 .img img{
    width: 100%;
    min-height: 320px;
    margin:10px 10px 10px 10px;
}
.Top01 .img .title{
    background: url(../../media/images/new/trans_65.JPG) repeat;
    padding: 10px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    margin-top:5px;
    color: #FFF;
    margin:10px 0px 0px 10px;
}
.Top01 .img .title h1{
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
}
.Top01 .img .title p{
    font-size: 12px;
    line-height: 20px;
    font-weight: normal;
}
.Top01 .img .title h1 a{
    color: #FFF;
}
.Top02{
    float: right;
    width: 320px;
}
.Top02 li{
    overflow: hidden;
    margin-bottom: 5px;
}
.Top02 .img{
    width: 80px;
    height: 55px;
    float: left;
    margin-right: 5px;
    border: 1px solid #CCC;
    padding: 2px;
}
.Top02 .img a{
    overflow: hidden;
    display: block;
    width: 80px;
    height: 55px;  
}
.Top02 .img a img{
    overflow: hidden;
    display: block;
    width: 80px;
    min-height: 55px;
} 
.Top02 a{
    font-weight: bold;
}
.news-content{
    clear: both;
    overflow: hidden;
    margin-top: 20px;
}
.news-content li{
    margin-bottom: 10px;
    overflow: hidden;
}
.news-content .img{
    overflow: hidden;
    width: 150px;
    height: 90px;
    padding: 5px;
    float: left;
    margin-right: 10px;
}
.news-content .img a{
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    margin:auto;
}
.news-content .img a img{
    width: 150px;
    min-height: 90px;
}
.news-content a{
    color:#8a6d3b;
    margin-top: -150px;
    font-weight: bold;
}
.news-content caption{
    font-size: 11px;
    float:left;
}
.news-content li h3{
    font-size: 12px;
    padding-top: -5px;
}
.news-content li .readmore{
    float: right;
    color:#8a6d3b;
    font-size: 11px;
}
.cotn1{
    float: left;
    width: 100%;
}
.cotn2{
    float: right;
    width: 220px;
}
.title_news{
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 25px;
}
.introtext{
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}
.introtext span{
    color: #9e9e9e;
    font-weight: 100;
}
.fulltext{
    clear: both;
    overflow: hidden;
    display: block;
    color: #333;
}
.fulltext p{
    margin-bottom: 10px;
    color: #333;
}
.fulltext img{
    max-width: 500px;
}
.n_noibat li{

    overflow: hidden;
}
.n_noibat li a.img{
    width: 238px;
    height: 160px;
    overflow: hidden;
    display: block;
    position: relative;
}
.n_noibat li a.img img{
    width: 238px;
    min-height: 160px;
}
.n_noibat li a.img .title{
    width: 228px;
    padding: 5px;
    background: url(../images/nen_den.png) repeat;
    color: #FFF;
    position: absolute;
    bottom: 0px;
    left: 0px;
}
.h3-lienquan{
    font-weight: bold;
    margin-top: 10px;
    padding-bottom: 2px;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
    font-size: 17px;
}
.tinlienquan{
    margin-left: 5px;    
}
.tinlienquan li{
    background: url(../images/icon_row.png) no-repeat scroll 0px 4px;
    padding-left: 15px;
}
.bo{
    float:left;
    width: 75%;
    margin-top: -15px;
}
.focuscaption {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #258023;
    margin-left: 5px;
    margin-top: -17px;
    float:left;
    width:100%;
    margin-bottom: -4px;
}